.index #main-wrapper {
  background-color:#333;
  background-image:none;
  border-color:#ebebeb;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}
.index .post-outer {
  float:left;
  width:50%;
}
.index .post {
  margin:0;
  padding:0;
  border:none;
  color:#999;
  -webkit-box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;
  -moz-box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;
  box-shadow:inset -1px 0 0 #222,inset 1px 0 0 #444;
}
.index .post-tab {
  border:0 solid;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  padding:0 15px;
  font:normal normal 14px/36px Alike,Georgia,"URW Bookman L",Serif;
  height:65px;
  overflow:hidden;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 -1px 0 #111;
}
.index .post-title {
  border:0 solid;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  padding:0 15px;
  font:normal normal 14px/36px Alike,Georgia,"URW Bookman L",Serif;
  height:36px;
  overflow:hidden;
  text-transform:uppercase;
  text-shadow:0 -1px 0 #111;
}
.index .post-title:hover {border-left:4px solid #066696;}
.index .post-thumbnail {
  width:72px;
  height:72px;
  background-color:#222;
  float:left;
  margin-right:10px;
  overflow:hidden;
}
.index .post-body {
  margin:0;
  border:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  height:80px;
  font-size:96%;
  text-align:left;
  position:relative;
}
.index .post-snippet {
  position:relative;
  word-wrap:break-word;
  overflow:hidden;
}
.index .post-snippet:before {content:attr(data-snip);}
.index .post-footer,img.icon-action {display:none;}
.index #blog-pager {border-top:1px solid #3c3c3c;}
#archive-flat {
  float:left;
  margin:0;
  padding-left:35px;
  width:auto;
  overflow:hidden;
  position:relative;
  color:#333;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  display:none;
}
#toggle-container {display:block!Important;}
#archive-flat .link-inline {
  background:-moz-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(0,0,0,0.2)),color-stop(49%,rgba(239,239,239,0.11)),color-stop(50%,rgba(0,0,0,0.11)),color-stop(100%,rgba(0,0,0,0)));
  background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:-o-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:-ms-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000',endColorstr='#00000000',GradientType=1);
  position:absolute;
  width:158px;
  height:158px;
  text-align:center;
  float:left;
  font:bold 12px/12px arial,sans Serif;
  color:#444;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
#archive-flat .link-inline:hover {opacity:0.8;}
#archive-flat .item {
  margin:0 14px 14px 0;
  display:inline;
  position:relative;
  float:left;
  padding:11px;
  width:158px;
  height:auto;
  font-size:86%;
  line-height:normal;
  line-height:10px;
  padding:10px;
  border:1px solid #3c3c3c;
  color:#999;
  background-color:#222;
  -webkit-box-shadow:inset 0 0 1px black;
  -moz-box-shadow:inset 0 0 1px black;
  box-shadow:inset 0 0 1px black;
}
#archive-flat .item:hover {background-color:#111;}
#archive-flat .toc-tabs {
  width:auto;
  margin:15px 35px 25px 0;
  float:left;
  display:block;
  clear:both;
}
#archive-flat .toc-tabs li {
  float:left;
  position:relative;
  list-style:none;
  display:inline-block;
}
#archive-flat .toc-tabs li a {
  position:relative;
  background:#141414;
  background:-moz-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#141414),color-stop(100%,#0f0f0f));
  background:-webkit-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-o-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-ms-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:linear-gradient(to bottom,#141414 0%,#0f0f0f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#141414',endColorstr='#0f0f0f',GradientType=0);
  border-top:1px solid #282828;
  border-bottom:1px solid #151515;
  box-shadow:0 1px 1px #000;
  -webkit-box-shadow:0 1px 1px #000;
  border-radius:3px;
  margin:0 2px 2px 0;
  float:left;
  font-size:11px;
  color:#444;
  text-shadow:0 1px 1px #000;
}
#archive-flat .toc-tabs li a {padding:6px 40px 6px 21px;}
#archive-flat .toc-tabs li a:hover {opacity:1;}
#archive-flat .toc-tabs li a:before,.top-archive .ntok:before,.top-archive .ntek:before {
  content:"";
  float:left;
  opacity:0.8;
  display:inline-block;
  width:20px;
  height:20px;
  background-image:url(http://4.bp.blogspot.com/-OP_xzrWIQmw/UZ6Q5PNmSlI/AAAAAAAAFQM/lk1jowuRgf4/s310/sprites-x-2.png);
  background-repeat:no-repeat;
  background-color:#222;
  border:1px solid #333;
  margin:0 0 0 7px;
  border-radius:40px;
  -webkit-border-radius:40px;
  display:inline-block;
  box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 1px 1px #000;
  color:#444;
}
#archive-flat .toc-tabs li a:before {
  position:absolute;
  z-index:1;
  top:5px!Important;
  right:7px!Important;
}
#archive-flat .toc-tabs li {display:none;}
#archive-flat .toc-tabs li.Snippet,#archive-flat .toc-tabs li.Css,#archive-flat .toc-tabs li.blog,#archive-flat .toc-tabs li.Template,#archive-flat .toc-tabs li.Lanjut,#archive-flat .toc-tabs li.Komentar,#archive-flat .toc-tabs li.Regex,#archive-flat .toc-tabs li.JavaScript,#archive-flat .toc-tabs li.JQuery,#archive-flat .toc-tabs li.Pre {display:block!Important;}
#archive-flat .toc-tabs li.Snippet a:before {background-position:-179px 4px;}
#archive-flat .toc-tabs li.Css a:before {background-position:-202px 4px;}
#archive-flat .toc-tabs li.blog a:before {background-position:-225px 4px;}
#archive-flat .toc-tabs li.Template a:before {background-position:4px -18px;}
#archive-flat .toc-tabs li.Lanjut a:before {background-position:-271px 4px;}
#archive-flat .toc-tabs li.Komentar a:before {background-position:-19px 4px;}
#archive-flat .toc-tabs li.Regex a:before {background-position:-157px 4px;}
#archive-flat .toc-tabs li.JavaScript a:before {background-position:-272px 4px;}
#archive-flat .toc-tabs li.JQuery a:before {background-position:-248px 4px;}
#archive-flat .toc-tabs li.Pre a:before {background-position:-56px -28px;}
#archive-flat .bottom {
  display:block;
  margin:10px 0 4px 2px;
  font-size:10px;
  color:#444!Important;
}
#archive-flat .bottom li {
  list-style:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#archive-flat .bottom:before {
  content:"";
  background:url()no-repeat top center;
  width:30px;
  height:30px;
  position:absolute;
  bottom:10px;
  right:10px;
}
.top-archive {
  margin:0;
  padding:10px 17px 0 0;
}
.top-archive li a {
  opacity:0.55;
  margin:0;
}
.top-archive li a:hover {
  opacity:0.8;
  text-decoration:none;
}
.top-archive li a.active {
  opacity:1;
  color:#999;
}
.top-archive li span {margin:10px 70px 0 0;}
.top-archive li {
  float:left;
  list-style:none;
  line-height:10px;
  margin:0 7px 10px 0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  color:#444;
  background:#141414;
  background:-moz-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#141414),color-stop(100%,#0f0f0f));
  background:-webkit-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-o-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-ms-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:linear-gradient(to bottom,#141414 0%,#0f0f0f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#141414',endColorstr='#0f0f0f',GradientType=0);
  border-top:1px solid #252525;
  border-bottom:1px solid #151515;
  box-shadow:0 1px 1px #000;
  -webkit-box-shadow:0 1px 1px #000;
  text-shadow:0 1px 1px #000;
  padding:10px 5px;
  font-size:11px;
}
.top-archive .ntok,.top-archive .ntek {
  cursor:pointer;
  position:relative;
  display:block;
  clear:both;
  font:10px/21px open sans,arial,sans serif;
  border-radius:2px;
}
.top-archive .ntok:before {
  background-position:-19px -19px;
  margin:0 6px 0 0;
}
.top-archive .ntek:before {
  background-position:-87px -17px;
  margin:0 6px 0 0;
}
.index .label-name {
  position:absolute;
  bottom:10px;
  right:10px;
  background-color:#999;
  text-shadow:none;
  color:white;
  font-size:96%;
  font-style:italic;
  font-weight:bold;
  padding:2px 7px;
  display:block;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.index .label-name.css {background-color:#5DA028;}
.index .label-name.javascript {background-color:#888;}
.index .label-name.jquery {background-color:#7073CF;}
.index .label-name.xml {background-color:#C44032;}
.index .label-name.html {background-color:#4584BE;}
.index .label-name.Pre {background-color:#a9d86e;}
.index .label-name.Komentar {background-color:#f1c40f;}
.index .label-name.Php {background-color:#ff6c60;}
.index .label-name.Tips {background-color:#ff6c60;}
.index .label-name.Tutorial {background-color:#5f90b4;}
.index .label-name.Widget {background-color:#82a5ce;}
.index .label-name.Snippet {background-color:#dfbc42;}
.index .label-name.Lanjut {background-color:#98cdca;}
.index .label-name.Trik {background-color:#24887B;}